<script setup name="user">
import { ref } from 'vue'
const imgList = ref([])
</script>
<template>
  <van-swipe class="my-swipe" indicator-color="#00ffff">
    <van-swipe-item>
      <lay-row>
        <lay-coloms :column="5" gutter="2%" v-for="item in 10" :key="item">{{
          item
        }}</lay-coloms>
      </lay-row>
    </van-swipe-item>
    <van-swipe-item>
      <lay-row>
        <lay-coloms :column="5" gutter="2%" v-for="item in 8" :key="item">{{
          item
        }}</lay-coloms>
      </lay-row>
    </van-swipe-item>
  </van-swipe>
  <div class="v-flex-boxs">
    <ul>
      <li v-for="(item, i) of imgList" :key="i">
        {{ item }}
      </li>
    </ul>
    <ul>
      <li></li>
    </ul>
  </div>
</template>

<style lang="scss" scoped>
.my-swipe {
  padding-bottom: 16px;
  &:deep(.van-swipe__indicators) {
    bottom: 8px;
  }
}
.v-flex-boxs {
  width: 100%;
  display: flex;
  ul {
    width: 46%;
    margin: 2%;
    min-height: 10px;
    background: #ccc;
    li {
      padding: 10px;
    }
  }
}
</style>
